<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04_元素溢出处理</title>
    <style>
        .overflo {
            background-color: lightgreen;
            width: 600px;
            height: 200px;
            /*overflow: visible;*/
            /*overflow: hidden;*/
            /*overflow: scroll;*/
            /*overflow: auto;*/
        }
        /*.txt {*/
        /*    background-color: yellow;*/
        /*    width: 300px;*/
        /*    white-space: nowrap;*/
        /*    overflow: hidden;*/
        /*    text-overflow: ellipsis;*/
        /*}*/
    </style>
</head>
<body>
<!--<div class="txt">-->
<!--    lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam asperiores at consequatur doloremque earum eius esse eveniet expedita facilis fuga harum hic illum incidunt inventore ipsam ipsum laborum libero magnam maiores molestias mollitia nihil nobis nostrum obcaecati odio omnis optio pariatur perspiciatis placeat provident quae quam quasi quibusdam quidem quis quisquam quos ratione recusandae rem repellendus reprehenderit-->
<!--</div>-->
<div class="overflo">
    <img src="img/1.png">
</div>
</body>
</html>